{% extends "admin/base_site.html" %}
{% load admin_static static  %}

{% block extrastyle %}{{ block.super }}
    <script src="{% static 'js/jquery-3.2.0.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/form_base.css' %}" rel="stylesheet">
    {% block javascript %}
    {% endblock %}
{% endblock %}
{% block content %}
    <div id="content-main">
      {% regroup book_list|dictsort:"publisher.name" by publisher as books_by_publisher %}
        <hr/>
        <div class="row" >
            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <span class="panel-title" >Session</span>
                    </div>
                    <div class="list-group">
                        {% for session_file in session_files %}
                            <a href="{{ session_file.url }}" class="list-group-item{% if request_path == session_file.url %} active{% endif %}">
                                {{ session_file.name }}
                            </a><br>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div id="sentence_list" class="col-md-9">
                {% block session_detail_content %}
                {% endblock %}
            </div>
        </div>
    </div>
{% endblock %}